<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="zh" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD-->
<head>
    <meta charset="UTF-8" />
    <title>BCORE Admin Dashboard Template | Blank Page</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <!-- GLOBAL STYLES -->
    <!-- GLOBAL STYLES -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/assets/plugins/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/assets/css/main.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/assets/css/theme.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/assets/css/MoneAdmin.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/assets/plugins/Font-Awesome/css/font-awesome.css" />
    <!--END GLOBAL STYLES -->

    <!-- PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL  STYLES -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<!-- END  HEAD-->

<!-- BEGIN BODY -->

<!-- BEGIN BODY-->
<body class="padTop53">
<!-- MAIN WRAPPER -->
<div id="wrap">
    <!-- HEADER SECTION -->
    <div id="top">

        <nav class="navbar navbar-inverse navbar-fixed-top " style="padding-top: 10px;">
            <a data-original-title="Show/Hide Menu" data-placement="bottom" data-tooltip="tooltip" class="accordion-toggle btn btn-primary btn-sm visible-xs" data-toggle="collapse" href="#menu" id="menu-toggle">
                <i class="icon-align-justify"></i>
            </a>
            <!-- LOGO SECTION -->
            <header class="navbar-header">

                <a href="index.html" class="navbar-brand">
                    <img src="${pageContext.request.contextPath}/statics/assets/img/logo.png" alt="" /></a>
            </header>
            <!-- END LOGO SECTION -->
            <ul class="nav navbar-top-links navbar-right">

                <!-- MESSAGES SECTION -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="label label-success">2</span>    <i class="icon-envelope-alt"></i>&nbsp; <i class="icon-chevron-down"></i>
                    </a>

                    <ul class="dropdown-menu dropdown-messages">
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                            <em>Today</em>
                                        </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing.
                                    <br />
                                    <span class="label label-primary">Important</span>

                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>Raphel Jonson</strong>
                                    <span class="pull-right text-muted">
                                            <em>Yesterday</em>
                                        </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing.
                                    <br />
                                    <span class="label label-success"> Moderate </span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>Chi Ley Suk</strong>
                                    <span class="pull-right text-muted">
                                            <em>26 Jan 2014</em>
                                        </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing.
                                    <br />
                                    <span class="label label-danger"> Low </span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>Read All Messages</strong>
                                <i class="icon-angle-right"></i>
                            </a>
                        </li>
                    </ul>

                </li>
                <!--END MESSAGES SECTION -->

                <!--TASK SECTION -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="label label-danger">5</span>   <i class="icon-tasks"></i>&nbsp; <i class="icon-chevron-down"></i>
                    </a>

                    <ul class="dropdown-menu dropdown-tasks">
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong> Profile </strong>
                                        <span class="pull-right text-muted">40% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                            <span class="sr-only">40% Complete (success)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong> Pending Tasks </strong>
                                        <span class="pull-right text-muted">20% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                                            <span class="sr-only">20% Complete</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong> Work Completed </strong>
                                        <span class="pull-right text-muted">60% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                            <span class="sr-only">60% Complete (warning)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong> Summary </strong>
                                        <span class="pull-right text-muted">80% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                            <span class="sr-only">80% Complete (danger)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>See All Tasks</strong>
                                <i class="icon-angle-right"></i>
                            </a>
                        </li>
                    </ul>

                </li>
                <!--END TASK SECTION -->

                <!--ALERTS SECTION -->
                <li class="chat-panel dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <span class="label label-info">8</span>   <i class="icon-comments"></i>&nbsp; <i class="icon-chevron-down"></i>
                    </a>

                    <ul class="dropdown-menu dropdown-alerts">

                        <li>
                            <a href="#">
                                <div>
                                    <i class="icon-comment" ></i> New Comment
                                    <span class="pull-right text-muted small"> 4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="icon-twitter info"></i> 3 New Follower
                                    <span class="pull-right text-muted small"> 9 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="icon-envelope"></i> Message Sent
                                    <span class="pull-right text-muted small" > 20 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="icon-tasks"></i> New Task
                                    <span class="pull-right text-muted small"> 1 Hour ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="icon-upload"></i> Server Rebooted
                                    <span class="pull-right text-muted small"> 2 Hour ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>See All Alerts</strong>
                                <i class="icon-angle-right"></i>
                            </a>
                        </li>
                    </ul>

                </li>
                <!-- END ALERTS SECTION -->

                <!--ADMIN SETTINGS SECTIONS -->

                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="icon-user "></i>&nbsp; <i class="icon-chevron-down "></i>
                    </a>

                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#"><i class="icon-user"></i> User Profile </a>
                        </li>
                        <li><a href="#"><i class="icon-gear"></i> Settings </a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="/logout"><i class="icon-signout"></i> Logout </a>
                        </li>
                    </ul>

                </li>
                <!--END ADMIN SETTINGS -->
            </ul>

        </nav>

    </div>
    <!-- END HEADER SECTION -->

    <!-- MENU SECTION -->
    <div id="left" >
        <div class="media user-media well-small">
            <a class="user-link" href="#">
                <img class="media-object img-thumbnail user-img" alt="User Picture" src="${pageContext.request.contextPath}/statics/assets/img/user.gif" />
            </a>
            <br />
            <div class="media-body">
                <h5 class="media-heading">1611开发员</h5>
                <ul class="list-unstyled user-info">

                    <li>
                        <a class="btn btn-success btn-xs btn-circle" style="width: 10px;height: 12px;"></a> Online

                    </li>

                </ul>
            </div>
            <br />
        </div>

        <ul id="menu" class="collapse">


            <li class="panel active">
                <a href="#" >
                    <i class="icon-table"></i> 操作权限
                </a>
            </li>



            <li class="panel ">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#component-nav">
                    <i class="icon-tasks"> </i> APP信息管理

                    <span class="pull-right">
                          <i class="icon-angle-left"></i>
                        </span>
                    &nbsp; <span class="label label-default">3</span>&nbsp;
                </a>
                <ul class="collapse" id="component-nav">

                    <li class=""><a href="${pageContext.request.contextPath}/dev/flatform/app/list"><i class="icon-angle-right"></i> 上传开发APP </a></li>
                    <li class=""><a href="icon.html"><i class="icon-angle-right"></i> APP查看 </a></li>
                    <li class=""><a href="progress.html"><i class="icon-angle-right"></i> APP修改 </a></li>
                </ul>
            </li>
            <li class="panel ">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle collapsed" data-target="#form-nav">
                    <i class="icon-pencil"></i> APP大数据分析

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                    &nbsp; <span class="label label-success">5</span>&nbsp;
                </a>
                <ul class="collapse" id="form-nav">
                    <li class=""><a href="forms_general.html"><i class="icon-angle-right"></i> General </a></li>
                    <li class=""><a href="forms_advance.html"><i class="icon-angle-right"></i> Advance </a></li>
                    <li class=""><a href="forms_validation.html"><i class="icon-angle-right"></i> Validation </a></li>
                    <li class=""><a href="forms_fileupload.html"><i class="icon-angle-right"></i> FileUpload </a></li>
                    <li class=""><a href="forms_editors.html"><i class="icon-angle-right"></i> WYSIWYG / Editor </a></li>
                </ul>
            </li>

            <li class="panel">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#pagesr-nav">
                    <i class="icon-table"></i> APP市场数据

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                    &nbsp; <span class="label label-info">6</span>&nbsp;
                </a>
                <ul class="collapse" id="pagesr-nav">
                    <li><a href="pages_calendar.html"><i class="icon-angle-right"></i> Calendar </a></li>
                    <li><a href="pages_timeline.html"><i class="icon-angle-right"></i> Timeline </a></li>
                    <li><a href="pages_social.html"><i class="icon-angle-right"></i> Social </a></li>
                    <li><a href="pages_pricing.html"><i class="icon-angle-right"></i> Pricing </a></li>
                    <li><a href="pages_offline.html"><i class="icon-angle-right"></i> Offline </a></li>
                    <li><a href="pages_uc.html"><i class="icon-angle-right"></i> Under Construction </a></li>
                </ul>
            </li>
            <li class="panel">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#chart-nav">
                    <i class="icon-bar-chart"></i> APP经济效益

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                    &nbsp; <span class="label label-danger">4</span>&nbsp;
                </a>
                <ul class="collapse" id="chart-nav">



                    <li><a href="charts_line.html"><i class="icon-angle-right"></i> Line Charts </a></li>
                    <li><a href="charts_bar.html"><i class="icon-angle-right"></i> Bar Charts</a></li>
                    <li><a href="charts_pie.html"><i class="icon-angle-right"></i> Pie Charts </a></li>
                    <li><a href="charts_other.html"><i class="icon-angle-right"></i> other Charts </a></li>
                </ul>
            </li>

            <li class="panel">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#DDL-nav">
                    <i class=" icon-sitemap"></i> APP社会调查

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                </a>
                <ul class="collapse" id="DDL-nav">
                    <li>
                        <a href="#" data-parent="#DDL-nav" data-toggle="collapse" class="accordion-toggle" data-target="#DDL1-nav">
                            <i class="icon-sitemap"></i>&nbsp; Demo Link 1

                            <span class="pull-right" style="margin-right: 20px;">
                            <i class="icon-angle-left"></i>
                        </span>


                        </a>
                        <ul class="collapse" id="DDL1-nav">
                            <li>
                                <a href="#"><i class="icon-angle-right"></i> Demo Link 1 </a>

                            </li>
                            <li>
                                <a href="#"><i class="icon-angle-right"></i> Demo Link 2 </a></li>
                            <li>
                                <a href="#"><i class="icon-angle-right"></i> Demo Link 3 </a></li>

                        </ul>

                    </li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 2 </a></li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 3 </a></li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 4 </a></li>
                </ul>
            </li>
            <li class="panel">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#DDL4-nav">
                    <i class=" icon-folder-open-alt"></i> APP前景分析

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                </a>
                <ul class="collapse" id="DDL4-nav">
                    <li>
                        <a href="#" data-parent="DDL4-nav" data-toggle="collapse" class="accordion-toggle" data-target="#DDL4_1-nav">
                            <i class="icon-sitemap"></i>&nbsp; Demo Link 1

                            <span class="pull-right" style="margin-right: 20px;">
                            <i class="icon-angle-left"></i>
                        </span>


                        </a>
                        <ul class="collapse" id="DDL4_1-nav">
                            <li>

                                <a href="#" data-parent="#DDL4_1-nav" data-toggle="collapse" class="accordion-toggle" data-target="#DDL4_2-nav">
                                    <i class="icon-sitemap"></i>&nbsp; Demo Link 1

                                    <span class="pull-right" style="margin-right: 20px;">
                            <i class="icon-angle-left"></i>
                        </span>
                                </a>
                                <ul class="collapse" id="DDL4_2-nav">

                                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 1 </a></li>
                                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 2 </a></li>
                                </ul>

                            </li>
                            <li><a href="#"><i class="icon-angle-right"></i> Demo Link 2 </a></li>
                            <li><a href="#"><i class="icon-angle-right"></i> Demo Link 3 </a></li>
                        </ul>

                    </li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 2 </a></li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 3 </a></li>
                    <li><a href="#"><i class="icon-angle-right"></i> Demo Link 4 </a></li>
                </ul>
            </li>
            <li class="panel">
                <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#error-nav">
                    <i class="icon-warning-sign"></i> APP行业调研

                    <span class="pull-right">
                            <i class="icon-angle-left"></i>
                        </span>
                    &nbsp; <span class="label label-warning">5</span>&nbsp;
                </a>
                <ul class="collapse" id="error-nav">
                    <li><a href="errors_403.html"><i class="icon-angle-right"></i> Error 403  </a></li>
                    <li><a href="errors_404.html"><i class="icon-angle-right"></i> Error 404  </a></li>
                    <li><a href="errors_405.html"><i class="icon-angle-right"></i> Error 405  </a></li>
                    <li><a href="errors_500.html"><i class="icon-angle-right"></i> Error 500  </a></li>
                    <li><a href="errors_503.html"><i class="icon-angle-right"></i> Error 503  </a></li>
                </ul>
            </li>
            <li><a href="/"><i class="icon-signin"></i> Return Login Page </a></li>
        </ul>
    </div>
    <!--END MENU SECTION -->